@import "~antd/dist/antd.css";

.App {
  background-color: white;
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: row;

  .leftContent {
    width: 300px;
    // border: 1px solid red;
    //background: rgb(62, 172, 172);
    padding: 10px;
    display: flex;
    flex-direction: column;

    .person {
      box-sizing: border-box;
      padding: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: rgba($color: #000000, $alpha: 0.1);
    }

    .roomCon{
        flex: 1;
        overflow: scroll;
    }
  }
  .rightContent {
    flex: 1;
    background-color: white;
    height: 100%;
  }
}


::-webkit-scrollbar {/*滚动条整体样式*/

    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;

}

::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

    border-radius: 10px;

     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    background: #3eacac;

}

::-webkit-scrollbar-track {/*滚动条里面轨道*/

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    border-radius: 10px;

    background:  #3eacac;

}
